<template>
    <div class="Security">
        <table>
            <tr>
                <td class="table-key">
                    <span>旧密码:&ensp;&ensp;</span>
                </td>
                <td class="table-value">
                    <el-input
                        type="password"
                        v-model="oldPassword"
                        placeholder="请输入密码"
                    ></el-input>
                </td>
            </tr>
            <tr>
                <td class="table-key">
                    <span>新密码:&ensp;&ensp;</span>
                </td>
                <td class="table-value">
                    <el-input
                        type="password"
                        v-model="newPassword"
                        placeholder="请输入新密码"
                    ></el-input>
                </td>
            </tr>
            <tr>
                <td class="table-key">
                    <span>确认密码:&ensp;&ensp;</span>
                </td>
                <td class="table-value">
                    <el-input
                        type="password"
                        v-model="secNewPassword"
                        placeholder="请再次输入密码"
                    ></el-input>
                </td>
            </tr>
            <tr>
                <td class="table-key"></td>
                <td class="submit">
                    <el-button type="success">提交</el-button>
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup>
import { ref } from "vue";
let oldPassword = ref("")
let newPassword = ref("")
let secNewPassword = ref("")

</script>

<style lang="less" scoped>
.Security {
    background-color: #fff;
    width: 600px;
    height: 300px;
    table {
        padding-top: 50px;
        padding-left: 100px;
        tr {
            .table-key {
                padding-left: 20px;
                font-weight: 700;
            }
            .table-value {
                padding-left: 20px;
            }
            .submit {
                padding-top: 20px;
                padding-left: 80px;
            }
        }
    }
}
</style>